/*
  Stack 层叠布局
  在基础 widget（通常是图片）上排列 widget， widget 可以完全或者部分覆盖基础 widget。
  通常与Align、Positioned 配合使用
  有点RelativeLayout的感觉

  先布局没有位置的组件，然后以没有位置的组件为参考，布局有位置的
  如果所有的组件都有位置，则充满父控件

  Fit 参数
  默认是loose：宽松约束，子控件可以自己决定大小
  expand：填充父控件
  passthrough：将父控件的约束传递给没有位置的子控件

  clipBehavior 裁剪行为，对于超出父控件范围的部分，可以裁剪，也可以不裁剪
 */

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Stack',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Stack'),
        ),
        body: Stack( // 默认会填充父控件
          children: [
            Container(
              color: Colors.pinkAccent,
              width: 100,
              height: 100,
            ),
            Align(child: Text('gooooooooood'), alignment: Alignment.topLeft)
          ],
        ),
      ),
    );
  }

}


